
<!DOCTYPE html>
<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>待付押金的书籍</title>
    <link href="__PUBLIC__/css/reset.css" rel="stylesheet"/>
    <link href="__PUBLIC__/css/style.css" rel="stylesheet"/>
    <link href="__PUBLIC__/css/demo.css" rel="stylesheet"/>
    <link href="__PUBLIC__/css/iconfont.css" rel="stylesheet"/>
        <link href="__PUBLIC__/css/Native.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/style.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/style_list.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/iconfont.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/reset.css" rel="stylesheet" />
        <link href="__PUBLIC__/css/ChannelDetail.css" rel="stylesheet" />
         <link href="__PUBLIC__/css/m1102.css?v=010322" rel="stylesheet" />
        <style type="text/css">
            img {
                max-width: 100%;
                -ms-interpolation-mode: bicubic;
                vertical-align: bottom;
            }
 .black_overlay{
     display: none; 
     position: absolute; 
      width: 100%; 
      height:130%;
      z-index:1001;
      top:-30%;
     background-color:rgba(0,0,0,0.5);
    
 }
 .white_content{
     display: none; 
     position: absolute; 
     top: 23%; 
     left:5%; 
     width:90%;
     height:40%;
       
     border:2px solid #F97333; 
     background-color:#ffffff; 
     z-index:1002;  
     overflow: auto; 
    border-radius:5px;
 }
        </style>

</head>
<body>
 <div id="headbook" style="background:white;border-bottom:1px solid #F75000;height:3rem;width:100%;">
<span style="float:left;margin-top:4%;margin-left:37%;font-size:18px;position:absolute;">我的借书单</span>

</div>
<div class="nt_sh_fix">
                                           

                  
    <volist name="Book" id="vo">
   
        <a  href="__ROOT__/Home/Xiangqing/sy/id/{$vo.id}">
        <div>
            <dl>
            <dt>
                                                
            <img  style="height:240px;width:100%;" src="{$vo.suotu}" class="lazy" data-original="">
            </dt>
            
            </dl>
            <div>
            <span style="color:#F97333;font-size:16px;float:left;margin-left:25%;"><b>￥{$vo.price}</b></span><span style="font-size:10px;">/押金</span><br/>
           
            <a href="javascript:void(0)" id="{$vo.id}" onclick="money(this)"><img src="__PUBLIC__/images/2017-05-01_182830.png" style="margin-top:5%;margin-left:30%;"></a><br/>
             <a href="javascript:void(0)" id="{$vo.id}" onclick="dele(this)"><img src="__ROOT__/Public/images/2017-05-01_182741.png" style="margin-left:30%;"></a>
            </div>
              
            </div> 
            
            </a>
            

            
            </volist>


            <script type="text/javascript">
                function money(mm){
                    var id=mm.id;
                    document.getElementById("fade").style.display="block";
                    document.getElementById("light").style.display="block";
                    $.post("http://niceweekend.cc/jieyue/index.php/Home/Shujia/money",{id:id},function(data){
                             
                        document.getElementById("kk").innerHTML=data;
                             
                    });
                }
                function dele(uu){
                    var id=uu.id;
                    
                    $.post("http://niceweekend.cc/jieyue/index.php/Home/Shujia/dele",{id:id},function(data){
                             
                        document.getElementById("ko").innerHTML=data;
                        location.replace(location.href);     
                    });
                }
                function closee(){
                    
                    document.getElementById("fade").style.display="none";
                    document.getElementById("light").style.display="none";
                    
                }
            </script>
</div>
</div>
                </ul>
                        
            </li>
        </ul>
    </section>
    <div id="ko" style="display:none;"></div>
<!-- 在线支付  -->   
<div id="fade" class="black_overlay">
    
</div>
<div id="light" class="white_content"> 
    <div class="top" style="width:100%;height:13%;">
        <span style="font-size:14px;float:left;margin-top:2%;color:#666666;">请输入支付密码：</span>
        <a href="javascript:void(0)" onclick="closee()"><img src="__PUBLIC__/images/20.png" style="float:left;margin-left:57%;margin-top:2%;"></a>
    </div>
    
    <div class="center" style="width:100%;height:70%;background-color:#F97333;">
        <form action="{:U('Shujia/tijiao')}" method="post">
            <ul>
            
                <li><input type="password" name="mima1" style="border:1px solid #CECECE;height:3rem;width:3rem;margin-top:5%;float:left;margin-left:0.1%;"></li>
                <li><input type="password" name="mima2" style="border:1px solid #CECECE;height:3rem;width:3rem;margin-top:5%;float:left;margin-left:1.5%;"></li>
                <li><input type="password" name="mima3" style="border:1px solid #CECECE;height:3rem;width:3rem;margin-top:5%;float:left;margin-left:1.5%;"></li>
                <li><input type="password" name="mima4" style="border:1px solid #CECECE;height:3rem;width:3rem;margin-top:5%;float:left;margin-left:1.5%;"></li>
                <li><input type="password" name="mima5" style="border:1px solid #CECECE;height:3rem;width:3rem;margin-top:5%;float:left;margin-left:1.5%;"></li>
                <li><input type="password" name="mima6" style="border:1px solid #CECECE;height:3rem;width:3rem;margin-top:5%;float:left;margin-left:1.5%;"></li>
            </ul>
                <input type="submit" value="确认密码" style="margin-left:35%;margin-top:8%;height:1.6rem;width:30%;">
         
        </form>
    </div>
    
    <div id="kk" style="width:100%;height:15%;">
        
    </div>
</div>
    <!--固定底部-->
    <include file="Public/footer"/>
    <div class="height70"></div>
<script src="__PUBLIC__/js/jquery1.min.js"></script>
<script type="text/javascript">
    //底部导航分类
    //$("#fenlei").click(function () {
    //    $(".cfc_popup").toggleClass("none");
    //})
    function showFenlei() {
        $(".cfc_popup").toggleClass("none");
    }

    //窗口的滚动事件
    $(window).scroll(function () {
        $(".cfc_popup").addClass("none");
    })

    function show(car, Name) {
        if (car == "yes") {
            var category = 'Click';
            var action = Name;
            var label = Name;
            _hmt.push(['_trackEvent', category, action, label]);
        }
    }



</script>

    
   